<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<div id="charts" style="width: 700px; height: 500px;">

</div>

<script src="echarts.js"></script>
<script src="echarts-wordcloud.min.js"></script>
<script>
    function createRandomItemStyle() {
        return {
            normal: {
                color: 'rgb(' + [
                    Math.round(Math.random() * 240),
                    Math.round(Math.random() * 240),
                    Math.round(Math.random() * 240)
                ].join(',') + ')'
            }
        };
    }

    function colorName() {
        return {
            normal: {
                color: function() {
                    return 'rgb(' + [
                        Math.round(Math.random() * 160),
                        Math.round(Math.random() * 160),
                        Math.round(Math.random() * 160)
                    ].join(',') + ')';
                }
            },
            emphasis: {
                shadowBlur: 10,
                shadowColor: '#333'
            }
        }
    }

    var myCharta = echarts.init(document.getElementById('charts'));
    var option = {
        tooltip: {},
        series: [{
            type: 'wordCloud',
            gridSize: 20,
            sizeRange: [12, 50],
            rotationRange: [0, 0],
            shape: 'circle',
            textStyle: {
                normal: {
                    color: function() {
                        return 'rgb(' + [
                            Math.round(Math.random() * 160),
                            Math.round(Math.random() * 160),
                            Math.round(Math.random() * 160)
                        ].join(',') + ')';
                    }
                },
                emphasis: {
                    shadowBlur: 10,
                    shadowColor: '#333'
                }
            },
            data: [{
                name: 'Sam S Club',
                value: 10000,
                // textStyle: {
                //     normal: {
                //         color: 'green'
                //     },
                //     emphasis: {
                //         color: 'red'
                //     }
                // }
            }, {
                name: 'Macys',
                value: 6181,
                textStyle: {
                    normal: {
                        color: function() {
                            return 'blue';
                        }
                    },
                    emphasis: {
                        shadowBlur: 10,
                        shadowColor: '#333'
                    }
                }
            }, {
                name: 'Amy Schumer',
                value: 4386,
                // itemStyle: createRandomItemStyle
            }, {
                name: 'Jurassic World',
                value: 4055
            }, {
                name: 'Charter Communications',
                value: 2467
            }, {
                name: 'Chick Fil A',
                value: 2244
            }, {
                name: 'Planet Fitness',
                value: 1898
            }, {
                name: 'Pitch Perfect',
                value: 1484
            }, {
                name: 'Express',
                value: 1112
            }, {
                name: 'Home',
                value: 965
            }, {
                name: 'Johnny Depp',
                value: 847
            }, {
                name: 'Lena Dunham',
                value: 582
            }, {
                name: 'Lewis Hamilton',
                value: 555
            }, {
                name: 'KXAN',
                value: 550
            }, {
                name: 'Mary Ellen Mark',
                value: 462
            }, {
                name: 'Farrah Abraham',
                value: 366
            }, {
                name: 'Rita Ora',
                value: 360
            }, {
                name: 'Serena Williams',
                value: 282
            }, {
                name: 'NCAA baseball tournament',
                value: 273
            }, {
                name: 'Point Break',
                value: 265
            }]
        }]
    };
    // var option = {
    //     tooltip: {
    //         show: true
    //     },
    //     series: [{
    //         name: '词频分析',
    //         type: 'wordCloud',
    //         size: ['90%', '90%'],
    //         textRotation : [0, 45, 90, -45],
    //         textPadding: 50,
    //         autoSize: {
    //             enable: true,
    //             minSize: 64
    //         },
    //         textStyle: {
    //             normal: {
    //                 color: function() {
    //                     return 'rgb(' + [
    //                         Math.round(Math.random() * 240),
    //                         Math.round(Math.random() * 240),
    //                         Math.round(Math.random() * 240)
    //                     ].join(',') + ')';
    //                 }
    //             },
    //             emphasis: {
    //                 shadowBlur: 10,
    //                 shadowColor: '#333'
    //             }
    //         },
    //         data: [
    //             {
    //                 name: "建议",
    //                 value: 87,
    //             },
    //             {
    //                 name: "税收",
    //                 value: 50,
    //                 itemStyle: createRandomItemStyle()
    //             },
    //             {
    //                 name: "优化",
    //                 value: 26,
    //                 itemStyle: createRandomItemStyle()
    //             },
    //             {
    //                 name: "智能分析",
    //                 value: 20,
    //                 itemStyle: createRandomItemStyle()
    //             },
    //             {
    //                 name: "发票",
    //                 value: 12,
    //                 itemStyle: createRandomItemStyle()
    //             },
    //             {
    //                 name: "注销",
    //                 value: 12,
    //                 itemStyle: createRandomItemStyle()
    //             },
    //             {
    //                 name: "风险",
    //                 value: 12,
    //                 itemStyle: createRandomItemStyle()
    //             },
    //             {
    //                 name: "任务",
    //                 value: 11,
    //                 itemStyle: createRandomItemStyle()
    //             },
    //             {
    //                 name: "流程",
    //                 value: 11,
    //                 itemStyle: createRandomItemStyle()
    //             },
    //             {
    //                 name: "权限",
    //                 value: 10,
    //                 itemStyle: createRandomItemStyle()
    //             },
    //             {
    //                 name: "应对",
    //                 value: 8,
    //                 itemStyle: createRandomItemStyle()
    //             },
    //             {
    //                 name: "增值税",
    //                 value: 7,
    //                 itemStyle: createRandomItemStyle()
    //             },
    //             {
    //                 name: "岗位",
    //                 value: 7,
    //                 itemStyle: createRandomItemStyle()
    //             },
    //             {
    //                 name: "推送",
    //                 value: 7,
    //                 itemStyle: createRandomItemStyle()
    //             },
    //             {
    //                 name: "登记",
    //                 value: 7,
    //                 itemStyle: createRandomItemStyle()
    //             },
    //             {
    //                 name: "入库",
    //                 value: 5,
    //                 itemStyle: createRandomItemStyle()
    //             },
    //             {
    //                 name: "申报表",
    //                 value: 5,
    //                 itemStyle: createRandomItemStyle()
    //             },
    //             {
    //                 name: "开票",
    //                 value: 4,
    //                 itemStyle: createRandomItemStyle()
    //             },
    //             {
    //                 name: "数据管理",
    //                 value: 4,
    //                 itemStyle: createRandomItemStyle()
    //             }
    //         ]
    //     }]
    // };
    myCharta.setOption(option);
</script>
</body>
</html>
